<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">


<title>popover</title>

<link href="../css/bootstrap.css" rel="stylesheet">

<style type="text/css">

</style>
</head>
 
<body>
 
<div id="box">
    <p>popover</p>
    <a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" 
    data-content="And here's some amazing content. It's very engaging. Right?">可消失的弹出框</a>
</div>

<script src="../js/jquery-1.12.4.js"></script>
<script src="../js/bootstrap.js"></script>
</body>
</html>